JavaScript yang Indah: Pengantar Modern tentang Pemrograman: Dari Namespacing ke Sistem Modul yang Tangguh

Pada pengembangan JavaScript awal, Polusi Namespace merupakan hambatan besar. Ketika kode yang tidak terkait berbagi satu set nama variabel global, terjadi tabrakan yang tak terduga. Desain modern beralih dari sikap tanpa struktur ke Sistem Modul Terisolasi.

1. Isolasi Fungsional (IIFE)

Dengan membungkus kode dalam Ekspresi Fungsi yang Dipanggil Segera (IIFE), kita menciptakan lingkup privat. Variabel seperti names terjebak di dalam fungsi, tidak dapat diakses dari lingkungan global.

(function() {
var internal = "rahasia";
console.log(internal);
})();

2. Antarmuka Berbasis Objek

Untuk menyediakan fungsionalitas bagi dunia luar, sebuah modul mengembalikan objek yang bertindak sebagai antarmuka publik. Ini mengelompokkan metode-metode terkait (seperti name dan number) di bawah satu variabel global yang dipulihkan.

3. Pola Ekspor

Variasi canggih melibatkan melewatkan exports objek ke dalam IIFE. Ini memungkinkan modul untuk menempelkan API-nya langsung ke tujuan namespace tertentu, memberikan fleksibilitas dalam cara modul dikonsumsi.

TERMINALbash — 80x24

> Ready. Click "Run" to execute.

QUESTION 1

What is 'Namespace Pollution' in the context of JavaScript?

Using too many comments in the source code.

Unrelated code having to share a single set of global variable names.

A failure in the garbage collection system.

The inability to use numbers as variable identifiers.

QUESTION 2

Why is an IIFE used to create a module?

To make the code run faster in the browser.

To bypass the 'use strict' requirement.

To create an isolated, private namespace via function scope.

To automatically export variables to the window object.

QUESTION 3

In the 'weekDay' module example, what allows the returned functions to access the 'names' array?

The 'names' array is actually a global variable.

JavaScript Closures.

The 'this' keyword refers to the array.

The array is passed as an argument to each function.

QUESTION 4

What is the primary purpose of returning an object from a module function?

To save memory by grouping variables.

To provide a structured public interface for the module.

To convert the script into an asynchronous process.

To ensure the code is compatible with Internet Explorer.

QUESTION 5

What is passed as an argument in the Exports Pattern: `(function(exports) { ... })(this.weekDay = {});`?

The entire window object.

An empty string.

A reference to a new object assigned to weekDay.

A list of dependency names.